<template>
  <div class="container flex-column">
    <el-container>
      <el-header style="height:1rem;">
      </el-header>
      <el-main>
        <div class="main_container">
          <el-row class="flex-height">
            <el-col :span="6">
              <div class="flex-height flex flex-column">
                <div class="flex-1 flex-column content-box1" style="background: #0faf62">
                </div>
                <div class="flex-1 flex-column mt-1 content-box1" style="background: pink">

                </div>
                <div class="flex-1 flex-column mt-1 content-box1" style="background: #0BB2D4">

                </div>
              </div>
            </el-col>
            <el-col :span="12">
              <div class="flex-height flex flex-column px-1">
                <div class="flex-2 flex-column content-box1" style="background: #0faf62">
                </div>
                <div class="flex-1 flex-column mt-1 content-box1" style="background: pink">

                </div>
<!--                <div class="flex-1 flex-column mt-1 content-box1" style="background: #0BB2D4">-->

<!--                </div>-->
              </div>
            </el-col>
            <el-col :span="6">
              <div class="flex-height flex flex-column">
                <div class="flex-1 flex-column content-box1" style="background: #0faf62">
                </div>
                <div class="flex-1 flex-column mt-1 content-box1" style="background: pink">

                </div>
                <div class="flex-1 flex-column mt-1 content-box1" style="background: #0BB2D4">

                </div>
              </div>
            </el-col>
          </el-row>
        </div>
      </el-main>
    </el-container>
  </div>
</template>

<script>
export default {
  name: "bigDatapage_all"
}
</script>

<style scoped>
.container {
  width: 100%;
  height: 100%;
  background: url("../../../assets/img/bigData/bg.png");
  background-size: 100% 100%;
}
.main_container {
  height: 100%;
}
/deep/.el-main{
  padding: 10px !important;
}
/deep/.el-container {
  flex-direction: column;
}
.flex-height {
  height: 100%;
}
/deep/.el-col{
  height: 100%;
}
</style>
